<!--
 * @Author: richarfang
 * @Date: 2021-04-15 17:03:29
 * @LastEditTime: 2021-04-15 17:45:33
 * @LastEditors: richarfang
 * @Description: 超级会员标签
-->

<template>
    <div class="svip-tag" v-if="showSvipTag">
      <span class="svip-tag-text">超级会员</span>
    </div>
  </template>
  
  <script>
  
  export default {
    name: "SvipTag",
    props: {
      showSvipTag: {
        type: Boolean,
        default: false
      }
    }
  };
  </script>
  
  <style lang="scss" scoped>
  .svip-tag {
    position: absolute;
    top: 0;
    left: 0;
    padding: .02rem .08rem;
    background: linear-gradient(315deg, #333333 0%, #525252 68%, #333333 100%);
    border-radius: 0.08rem 0px 0.08rem 0px;
  }
  
  .svip-tag-text {
    font-size: .2rem;
    text-size-adjust: none;
    background: linear-gradient(90deg, #ffe4ad 0%, #ffc266 100%);
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  </style>